<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <meta charset="UTF-8">

    <title>预定</title>
</head>
<body>
<div align="center">
    <h2>后台登录顺风搬家预约登记系统</h2>
    <caption align="right">顺风搬家，一路顺风</caption>
    <div style="width: 650px;height: 400px;">
        <form th:action="@{/orderAdd}">
            <table class="table table-dark table-hover">
                <input type="text"  name="id" style="display: none">
                <tr>
                    <td>起始地区:</td>
                    <td>
                        <select class="form" name="area">
                            <option value="海淀区">海淀区</option>
                            <option value="朝阳区">朝阳区</option>
                            <option value="西城区" selected>西城区</option>
                            <option value="东城区">东城区</option>
                            <option value="丰台区">丰台区</option>
                            <option value="大兴区">大兴区</option>
                            <option value="石景山">石景山</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>所用车型:</td>
                    <td>
                        <label class="radio-inline">
                            <input type="radio" name="carType" value="金杯">金杯
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="carType" value="皮卡">皮卡
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="carType" value="厢式货车" checked>厢式货车
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="carType" value="1041货车">1041货车
                        </label>
                    </td>
                </tr>
                <tr>
                    <td>搬家日期:</td>
                    <td>
                        <input type="date" name="moveDate">
                    </td>
                </tr>
                <tr>
                    <td>联系人:</td>
                    <td>
                        <input type="text" name="contact">
                    </td>
                </tr>
                <tr>
                    <td>联系电话:</td>
                    <td>
                        <input type="text" name="phone">
                    </td>
                </tr>

                       <input type="hidden" name="status" value="0">

                <tr>
                    <td></td>
                    <td><button type="submit" class="btn btn-success">预约登记</button></td>
                </tr>
            </table>
        </form>


    </div>
</div>
</body>
</html>